<!--
  Generated template for the TrxnDetailPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="goBack()">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            交易明细
        </ion-title>
    </ion-toolbar>

</ion-header>

<ion-content>
    <ion-card *ngFor="let trxn of trxnDetailList">
        <ion-card-header>
                    <span>
                        {{trxn.accountName?trxn.accountName:'-'}}
                    </span>
        </ion-card-header>
        <ion-item class="list-info">
            <span class="first-info">账户比例</span>
            <span>
                        {{trxn.accoutPercent?trxn.accoutPercent:'-'}}
                    </span>
        </ion-item>
        <ion-item class="list-info">
            <span class="first-info">交易金额</span>
            <span>{{trxn.fundTrxnAmount?trxn.fundTrxnAmount:'-'}}</span>
        </ion-item>
        <ion-item class="list-info">
            <span class="first-info">交易价格</span>
            <span>{{trxn.trxnPrice?trxn.trxnPrice:'-'}}</span>
        </ion-item>
        <ion-item class="list-info">
            <span class="first-info">买卖投资单位数</span>
            <span>{{trxn.trxnUnit?trxn.trxnUnit:'-'}}</span>
        </ion-item>
    </ion-card>
    <div *ngIf="(!trxnDetailList || trxnDetailList.length === 0)" class="no-data">
        <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
        <div class="no-data-txt">没有相关数据</div>
    </div>

</ion-content>
